/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:hover,a:active,a:focus{text-decoration:none;outline:none;}
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}
h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin:0;}
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flexs{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.flexs2 {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.flex2 {
display: flex;
align-items: center;
flex-wrap: wrap;
}
/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}
/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}
#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}
.pos{position: relative;width:1920px;left:50%;margin-left:-960px;}
.w1300{max-width:1330px;margin:0 auto;padding:0 15px;}
.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}
/*头部样式*/
.x-header1 {
border-top: 3px solid #3a78c1;
height:135px;overflow: hidden;
}
.logo .img{line-height: 135px;float: left;}
.logo .img img{line-height: 135px;}
.logo .text{
float: left;
color: #222222;
font: 400 22px/30px "Microsoft yahei";
padding-left: 20px;
padding-top: 38px;
margin-left: 20px;
position: relative;
letter-spacing: 1.5px;
}
.logo .text span{
color: #3a78c1;
font-weight: 600;
display: block;
letter-spacing: 0;
}
.logo .text::before{
position: absolute;
content: "";
left: 0;
top: 42px;
width: 1px;
height: 58px;
background-color: #e4e4e4;
}
.seo{
color: #777777;
font: 400 14px/26px "Microsoft yahei";
margin-top: 8px;
text-align: right;
}
.seo a{
color: #777777;
font: 400 13px/26px "Microsoft yahei";
}
.seo a:hover{
color: #3a78c1;
}
.x-header-phone{
float: right;
position: relative;
margin-top: 15px;
}
.x-header-phone img{
position: absolute;
right: 208px;
}
.x-header-phone h3{
color: #666666;
font: 600 14px/20px "Microsoft yahei";
}
.x-header-phone p{
color: #333333;
font: 600 30px/40px "Arial";
}
/* 热门搜索 */
.x-ss{
border-bottom: 1px solid #eeeeee;
}
.x-ss-h1{
color:#666666;
font: 400 14px/70px "Microsoft yahei";
width: 50%;
}
.x-ss-h1 a{
margin-right: 18px;
color:#666666;
font: 400 14px/70px "Microsoft yahei";
}
.x-ss-h1 a:hover{
color:#3a78c1;
}
.x-ss-keyword{
padding:15px 0;
width:38.46%;
}
.x-ss-keyword #formsearch,
.x-ss-keyword .x-login {
display: inline-block;
vertical-align: middle;
}
.x-ss-keyword #formsearch {
position: relative;
width: 100%;
}
.x-ss-keyword #formsearch #s_btn {
float: left;
outline: none;
border: none;
width: 80px;
height: 38px;
font-size: 0;
background: url(../images/54b082bb459d5b931eb08d86b92dbee3fbde578d.png) no-repeat center #3a78c1;
}
.x-ss-keyword #formsearch #keyword {
float: left;
background: none;
outline: none;
border: none;
width: calc(100% - 80px);
color: #999999;
height: 38px;
padding-left:20px;
background-color: #f5f5f5;
}
.x-ss-keyword #formsearch input::-webkit-input-placeholder{color:#999999;}
.x-ss-keyword #formsearch textarea::-webkit-input-placeholder{color:#999999;}
/*关于我们*/
.about_11 {
background: url(../images/d45da35df1ab55cd5e519db0a86dc1e78f51e526.png) no-repeat center;
padding: 88px 0 60px;background-size:100% 100%;
}
.x-about-left1{
width: 54.31%;
float: left;
}
.x-about-left1 img{
width: 100%;
}
.x-about-right1{
width: 39.62%;
float: right;
}
.x-about-right1 .x-title{
margin-bottom: 10px;
}
.x-about-right1 .x-title h3{
color: #000000;
font: 600 34px/52px "Microsoft yahei";
text-align: left;
}
.x-about-right1 .x-title h3 span{
color: #555555;
font: 400 24px/46px "Microsoft yahei";
text-align: left;
}
.x-about-right1 .x-title img{
margin-top: 30px;
padding-bottom: 20px;
}
.x-about-right1 li{
float: left;
width: 44%;
position: relative;
margin-top: 25px;
margin-bottom: 25px;
}
.x-about-right1 li .img{
position: relative;
}
.x-about-right1 li .img h3{color:#333333;font-size: 52px;font-weight: 600;}
.x-about-right1 li .img span{
position: absolute;
width: 26px;
height: 26px;
display: block;
border-radius: 15px;
background-color: #3a78c1;
color: #fff;
font: 400 14px/26px "Microsoft yahei";
text-align: center;
left: 135px;
top: -5px;
}
.x-about-right1 li p{position:absolute;color:#333333;font-size:30px;font-weight:bold;top:14px;left:137px;}
.x-about-right1 li:last-child p{left:110px;}
.x-about-right1 li h2{color:#666666;font-size: 18px;font-weight: 400;margin-top: 15px;}
.x-about-right1 li:nth-child(2n) .img span{
left: 130px;
}
.x-about-right1 li:nth-child(2) .img span{left:170px;}
.x-about-right1 li:nth-child(3) .img span{left:160px;}
.x-about-right1 li:nth-child(4) .img span{left:130px;}
.x-about-right1 li:nth-child(2n){
width: 55%;
padding-left: 50px;
}
.x-about-right1 li:nth-child(2n):before{
width: 1px;
height: 62px;
content: "";
display: block;
background-color: #e2e2e2;
position: absolute;
left: 0;
}
.pro-cfn{
margin-top: 65px;
}
/* .pro-cfn ul{
} */
.pro-left{width: 536px; float: left; }
.pro-cfn ul li{
float: left;
width: 250px;
}
.pro-cfn ul li {max-height: 83px;
overflow: hidden;margin-bottom: 30px;border-bottom: 1px solid #ddd;}
.pro-cfn ul li a{
display: flex;
flex-wrap: wrap;
align-items: center;
border: solid 1px #ddd;
border-top-right-radius: 50px;
padding: 16px 0;
padding-left: 15px;
transition: all .5s ease;
}
.pro-cfn ul li a span{
max-width: 50px;
max-height: 50px;
overflow: hidden;display: block;
}
.pro-cfn ul li a span img{
max-width: 100%;
}
.pro-cfn ul li a h3{
font-size: 18px;
color: #3a3939;
margin-left: 10px;
transition: all .5s ease;margin-top: 3px;
text-transform: uppercase;width: 167px;font-weight: 500;
}
.pro-cfn ul li a h3 dt{font-size: 12px;font-weight: 400; color: #999;}
.pro-cfn ul li.on a h3{
color: #fff;
}
.pro-cfn ul li.on a h3 dt{color:#fff}
.pro-cfn ul li.on a span img{
margin-top: -50px;
transition: all .5s ease;
}
.pro-cfn ul li.on a{
background-color: #3a78c1;
border: solid 1px #3a78c1;
}
.pro-right{
float: right;
width: 687px;margin-top: 65px;
}
.pro-right ul{
width: 100%;
}
.pro-right ul li .pro-con{
position: relative;
}
.pro-right ul li .pro-img img{
width: auto;
}
.pro-right ul li .pro-text{
position: absolute;
width: 100%;
background-color: rgba(233, 63, 1, 0.9);
padding-left: 34px;
padding-right: 40px;
padding-top: 20px;
padding-bottom: 16px;
border-top-right-radius: 90px;
left: 0;
bottom: 0;
}
.pro-right ul li .pro-text h3{
color: #fff;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
}
.pro-right ul li .pro-text p{
font-size: 14px;
color: #fff;
line-height: 22px;
margin-top: 10px;
}
/* 推荐课程 */
.xmkc{background:url(../images/1cb6eec0ab208b8fa31a99230d91ec0508a0003c.png) no-repeat center top;height:664px;margin-top:60px;padding-top:70px}
.kc_ll li{width: 426px;height:254px;background:#fff;margin-bottom: 25px;padding-top: 45px;text-align:center}
.kc_ll li .img_aa{width:75px;margin:0 auto}
.kc_ll li .img_bb{width:75px;margin:0 auto;display:none}
.kc_ll li:hover .img_aa{display:none;}
.kc_ll li:hover .img_bb{display:block;}
.kc_ll li:hover{background-color: #eb5d29;}
.kc_ll li h3{color:#333333;font-size:22px;font-weight:600;line-height: 45px;}
.kc_ll li p{color:#666666;font-size:16px;font-weight:400;line-height: 35px;}
.kc_ll li:hover h3{color:#fff}
.kc_ll li:hover p{color:#fff}
.case_con{margin-top:60px;position: relative;}
.cc_ll li{position: relative; width: 308px;
margin-bottom: 35px;float: left;margin: 0 8px;
height: 495px;
background-color: #ffffff;
box-shadow: 3px 6px 14px 0px
rgba(0, 0, 0, 0.15);border-bottom: 5px solid #20242b;}
.cc_ll li:hover{border-bottom: 5px solid #eb5d29;}
.cc_ll li a.img{display: block;}
.cc_ll li a.img img{ width: 308px;
height: 379px;}
.case_con .hd a.next{ width: 20px;display: block;float: left;
height: 36px;position: absolute;left:-65px;top:45%;
background:url(../images/ee63b784e1a3361a440fd7d4f140906555a23c04.png) no-repeat center}
.case_con .hd a.prev{ width: 20px;display: block;float: right;
height: 36px;position: absolute;right:-65px;top:45%;
background:url(../images/b1d63cd3bc080607c65704c06516c27182ac7aca.png) no-repeat center }
.cc_ll li .dnn{height:112px;padding: 0 16px;}
.cc_ll li .dnn h3{ font-family: MicrosoftYaHei;
font-size: 20px;
font-weight: normal;
font-stretch: normal;
line-height: 50px;
letter-spacing: 0px;
color: #000000;}
.cc_ll li .dnn .dj{width: 21px;height:8px;background:url(../images/7a84a812853777f619f4047270ae23b3212c5b9e.png) no-repeat center top;}
.cc_ll li:hover .dnn .dj{background:url(../images/ed5f89bf9c6143038e8367cb0417d6069353be52.png) no-repeat center top;}
.cc_ll li:hover .dnn h3{color:#eb5d29}
.cc_ll li .dnn h2{
line-height: 55px;
font-family: MicrosoftYaHei;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #010101;
opacity: 0.5;}
.flex_11{display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;}
/* 标题 */
.x-title {
color: #000;
position: relative;
}
.x-title h3 {
text-align: center;
color: #000;
font: 600 48px/66px "Microsoft yahei";margin-top:0;
}
.x-title span {
text-align: center;
color: #888888;
font: 400 24px/52px "Airal";
text-transform: uppercase;
display: block;
}
.x-title p {
text-align: center;
color: #555555;
font: 400 29px/52px "Airal";
text-transform: uppercase;
display: block;
}
.x-title.white {
color: #fff;
}
.x-title.white a {
border: 1px solid #fff;
background: transparent;
opacity: .8;
}
.x-about-box{
margin-bottom: 80px;
}
/*横幅*/
.hf1{
background: url(../images/81f94270d71bf69ad392936ddc563738769fe042.jpg) no-repeat;
background-size:100% 100%;
}
.hf1-con{
position: relative;
}
.hf1-con .hf-img{
width:29.69%;float:left;margin-top:1vw;margin-left:3.3vw;
}
.hf1-con .hf-img img{
width:100%;display:block;
}
.hf-text{
width:56.15%;
float: right;padding:4vw 0 3vw;
}
.hf-text-h3{
width:96%;
border: 2px solid #032e95;
color: #032e95;
font: 600 36px/72px "Microsoft yahei";
text-align: center;
}
.hf-text-h3 span{
display: block;
width: 39%;
float: left;
color: #ffffff;
font: 600 36px/74px "Microsoft yahei";
background-color: #032e95;
}
.hf-text ul{
margin-top: 40px;
}
.hf-text ul li{
width: 22%;
}
.hf-text ul li .img{
text-align: center;
}
.hf-text ul li .img img{
max-width: 100%;
transition: all 0.8s;
}
.hf-text ul li h3{
color: #333333;
text-align: center;
font: 600 24px/60px "Microsoft yahei";
}
.hf-text ul li p{
color: #333333;
font: 400 16px/24px "Microsoft yahei";
text-align: center;
}
.hf-text ul li:hover .img img{
transition: all 0.8s;
transform: rotateY(180deg);
}
.wwmm2 p{ font-family: MicrosoftYaHei-Bold;
font-size: 24px;
font-weight: 600;
font-stretch: normal;
line-height: 52px;
letter-spacing: 0px;
color: #fefefe;text-align: center;}
.aann_22{position: relative;;}
.hf1-phone{
position: relative;
margin-top: 70px;
padding-left: 80px;
}
.hf1-phone img{
position: absolute;
left: 0;
top: 0;
}
.hf1-phone p{
color: #333333;
font: 600 30px/52px "Airal";
float: left;
}
.hf1-phone a{
float: left;
width: 150px;
text-align: center;
font: 600 24px/52px "Microsoft yahei";
display: block;
background-color: #032e95;
margin-left: 60px;
color: #fff;
}
.hf1-phone a:hover{
color: rgba(255, 255, 255, 0.7);
}
.hf11 .w1300{
position: relative;
}
.hf11{
background: url(../images/d722c140e350a7f3c10ed6fc312b99d16419849a.png) no-repeat;
background-size:100% 100%;
}
.hf11 .hf-img{
float:right;
right:5.77%;
width:29.69%;margin-top:1vw;
}
.hf11 .hf-img img{
width:100%;display: block;
}
.hf11 .hf-text{
width:56.15%;
float: left;
margin-left: 0;
}
.hf11 .hf-text-h3{
color: #3a78c1;
}
.hf11 .hf-text-h3 span{background:#3a78c1;width:109px;}
.hf11 .hf-text-h3{width:70%;border: 2px solid #3a78c1;}
.hf11 ul li h3{
color: #333333;
text-align: center;
}
.hf11 ul li p{
color: #333333;
}
.hf11 .hf1-phone{
margin-top: 60px;
}
.hf11 .hf1-phone p{
color: #3a78c1;
}
.hf11 .hf-text ul{
margin-top: 50px;
}
/*产品*/
.x-company-list {
margin-top: 63px;
margin-left: -25px;
margin-right: -25px;
}
.x-company-list li {
margin: 0 25px;
}
.x-company-list li a {
display: block;
text-align: center;
width: 100%;
}
.x-company-list li a .img{
overflow: hidden;
}
.x-company-list li a .img img {
width: 100%;display:block;
transition: all 0.8s;
}
.x-company-list li h3{
color: #333333;
font: 600 20px/66px "Microsoft yahei";overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.x-company-list li:hover h3{
color: #3a78c1;
}
.x-product-more{
background-color: #3a78c1;
width: 133px;
height: 38px;
margin: 0 auto;
color: #fff;
font: 400 16px/38px "Microsoft yahei";
}
.x-company-list li:hover a .img img{
transition: all 0.8s;
}
.box4{
background: url(../images/b8a9cae93be56abfee0912dc5e68e116c30f80f9.png) no-repeat;
padding-top:55px;margin-top:38px;background-size:100% 100%;padding-bottom:43px;
}
.add1{margin-top:45px;}
.add1 li{position: relative;text-align:center;width:22%;background:url(../images/2217065b128310311c87749b757860b97de5e8bf.png) no-repeat;background-size:100% 100%;padding:2.5vw 0;}
.add1 li .img{}
.add1 li .img img{}
.add1 li .det{}
.add1 li h3{color:#fff;font-size:20px;margin:1.5vw 0 0.9vw;}
.add1 li h5{color:#fff;font-size:14px;line-height:24px;}
.add1 li:nth-child(2n) h3{color:#333;}
.add1 li:nth-child(2n) h5{color:#333;}
.add1 li:nth-child(2n){background:url(../images/d455a3577e0b2bd8e085edd12bd9ddfd04fe56db.png) no-repeat;background-size:100% 100%;}
.add1 li:nth-child(3){background:url(../images/2b4e4cfa88fea5fb98bc9010124ca590cc70ae9c.png) no-repeat;background-size:100% 100%;}
.add1 li+li:before{content:"";position:absolute;background:url(../images/897b8cf6ac09cfeb822c70c18eb325871635b361.png);z-index:22;left:-9%;top:50%;width:1px;height:193px;margin-top:-96.5px;}
.box4 .cont2{width:515px;margin:0 auto;margin-top:40px;}
.dh1{font-size:16px;color:#333333;line-height:30px;background: url(../images/868080320f729c06573c7100003527651bf31179.png) no-repeat left center;padding-left:70px;}
.dh1 p:nth-child(2){color:#333;font-size:30px;font-weight:bold;font-family:"Arial";}
a.mo1{display:block;float:right;color:#fff;font-size:24px;border-radius: 6px;background-color: rgb(51, 122, 183); width: 142px;line-height: 47px;text-align:Center;font-weight:bold;margin-top:6px;}
/* 行业应用案例 */
.x-apply{
padding-top: 50px;
}
.x-apply-box{
border-top: 1px solid #e5e5e5;
margin-top: 40px;
}
.x-apply-box li{
list-style-type: none;
position: relative;
/* width: calc(12.5% - 40px); */
padding: 28px 0;
/* float: left; */
/* margin-right: 40px; */
cursor: pointer;width:12.5%;
}
.x-apply-box li::before{
content: "";
position: absolute;
display: block;
top: -1px;
width:100%;
height: 3px;
background-color: rgba(255, 255, 255, 0.01);
}
.x-apply-box li .img{
width: 50px;
height: 50px;
float: left;
}
.x-apply-box li .wz{
height: 50px;
float: left;
/* margin-left: 10px; */
}
.x-apply-box li .wz h3{
color: #333333;
font: 400 20px/28px "Microsoft yahei";
}
.x-apply-box li .wz p{
color: #999999;
font: 400 14px/20px "Airal";
letter-spacing: -1px;
}
/* .x-apply-box li .img img:first-child{
display: block;
}
.x-apply-box li .img img:last-child{
display: none;
} */
.x-apply-box li.cur::before{
background-color: #3a78c1;
}
/* .x-apply-box li:hover .img img:first-child{
display: none;
}
.x-apply-box li:hover .img img:last-child{
display: block;
} */
.x-apply-box li.cur img{filter: invert(4%) sepia(5%) saturate(3783%) hue-rotate(527deg) brightness(123%) contrast(86%);}
.x-apply-box li.cur .wz h3{
color: #3a78c1;font-weight:bold;
}
.x-apply-box li.cur .wz p{
color: #3a78c1;opacity:.5;
}
.x-apply-case{
margin-top: 10px;
}
.x-apply-case-left{
width:48.96%;
float: left;
}
.x-apply-case-left li{
position: relative;width:100%;
}
.x-apply-case-left .wz{
background-color: rgba(0, 0, 0, 0.6);
position: absolute;
left: 0;
right: 1;
bottom: 0;
color: #ffffff;
font: 400 18px/88px "Microsoft yahei";
text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.x-apply-case-left li{
list-style-type: none;
}
.x-apply-case-left li .img img{
width: 100%;display: block;
}
.x-apply-case-left:hover .wz{
/* background-color: rgba(233, 63, 1, 0.6); */
}
.x-apply-case-right{
width:49.74%;
float: right;
position: relative;
}
.x-apply-case-right li{
width: 49%;
position: relative;float:left;
}
.x-apply-case-right li:nth-child(2n){float:right;}
.x-apply-case-right li:nth-child(n+3){margin-top:1.1vw;}
.x-apply-case-right li .img img{
width: 92%;display: block;
}
.x-apply-case-right li .wz{
background-color: rgba(0, 0, 0, 0.6);
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 92%;
color: #ffffff;
font: 400 18px/66px "Microsoft yahei";
text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.x-apply-case-right li:hover .wz{
/* background-color: rgba(233, 63, 1, 0.6); */
}
.proimg{display:none;}
.proimg.clicked{display:block;}
/* 合作伙伴 */
/**/
.x-company{
background-color: #f8f8f8;
padding: 70px 0;margin-top:46px;
}
xx-case-list{
margin-left: -10px;
margin-right: -10px;
}
.xx-case-itembg{
padding: 5px 10px;
}
.xx-case-itembg .img{border:1px solid #eeeeee;}
.xx-case-itembg:hover .img{
box-shadow: 0px 0px 6px #ddd;
}
@media (max-width: 1360px){
.x-company{
padding: 50px 0;
}
}
/* 新闻中心 */
.x-news{
padding: 60px 0 90px;
}
.x-news .x-title{
margin-bottom: 28px;
}
.xin-a li{
color: #333333;
font: 600 24px/52px "Microsoft yahei";
}
.xin-a li.on{
color: #3a78c1;
}
.x-news-left{
width:53.85%;
float: left;
}
.x-news-left .hd{
width: 100%;
margin-bottom: 30px;
position: relative;
}
.x-news-left .hd a{
position: absolute;
right: 0;
top: 0;
color: #999999;
font:400 14px/52px "Microsoft yahei";
text-transform: uppercase;
}
.x-news-left .hd a:hover{
color: #3a78c1;
}
.x-news-left .hd li{
margin-right: 50px;
float: left;
cursor: pointer;
}
.x-news-left1 li{
width:48%;
margin-bottom: 36px;
}
.x-news-left1 li .img img{
width: 100%;display: block;
}
.x-news-left1 li h3{
color: #000000;
font:600 16px/52px "Microsoft yahei";overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.x-news-left1 li:hover h3{
color:#3a78c1;
}
.x-news-left1 li p{
color: #777777;
font:400 14px/26px "Microsoft yahei";
}
.x-news-left1 li p span{
color: #3a78c1;
}
.x-news-left2 li{
position: relative;
border-bottom: 1px solid #dcdcdc;
padding-left: 25px;
}
.x-news-left2 li:before{
content: "";
display: block;
width: 10px;
height: 10px;
border-radius: 6px;
border: 1px solid #777777;
position: absolute;
left: 0;
top: 26px;
}
.x-news-left2 li a{
color: #777777;
font:400 14px/62px "Microsoft yahei";
}
.x-news-left2 li a span{
float: right;
}
.x-news-left2 li:hover a{
color: #3a78c1;
}
.x-news-left2 li:hover:before{
background-color: #3a78c1;
border: 1px solid #3a78c1;
}
.x-news-left2 li:hover a span{
color: #777777;
}
.x-news-right{
width: 38.85%;
float: right;
}
.x-news-right a:hover{
color: #3a78c1;
}
.xin-tit{
position: relative;
color: #333333;
font: 600 24px/52px "Microsoft yahei";
margin-bottom: 30px;
}
.xin-tit a{
position: absolute;
right: 0;
top: 0;
color: #999999;
font: 400 14px/52px "Microsoft yahei";
}
.x-news-right li{
position: relative;
border-bottom: 1px solid #fff;
padding-left: 47px;
background: url(../images/06b1f7e0d4648c7cb137cf86c3531312ebfcd86e.png) no-repeat 95% center #f6f6f6;
}
.x-news-right li:before{
content: "";
display: block;
width: 10px;
height: 10px;
border-radius: 6px;
border: 1px solid #777777;
position: absolute;
left: 17px;
top: 33px;
}
.x-news-right li a{
color: #777777;
font-size:14px;line-height:73px;overflow: hidden;display: block;
}
.x-news-right li a span{
float: right;
}
.x-news-right li:hover a{
color: #fff;
}
.x-news-right li:hover:before{
background-color: #fff;
border: 1px solid #3a78c1;
}
.x-news-right li:hover{
background: url(../images/8f34c2e28366d8a5dff93a268212b814af258474.png) no-repeat 95% center #3a78c1;
}
/*关于我们*/
.x-about2{
padding:85px 0;
}
.x-about2-box{
width:89%;margin:0 auto;
text-align: center;
}
.x-about2 h3{
color: #fff;
font:600 36px/66px "Microsoft yahei";
text-align: center;
margin-bottom: 20px;
}
.x-about2 p{
color: #ffffff;
font:400 18px/36px "Microsoft yahei";
text-align: center;
}
.x-about2 .hf1-phone{
width: 520px;
margin: 0 auto;margin-top: 75px;
}
.x-about2 .hf1-phone p{
font: 600 30px/52px "Airal";
}
/*切换*/
.xyin-advantange .tabli{
display: flex;
justify-content: center;
}
.xyin-advantange .tabli li{
position: relative;
color: #333333;
font: 400 20px/65px "Microsoft yahei";
background-color: #fff;
padding-left: 66px;
list-style-type: none;
width: 185px;
margin-left: 15px;
margin-right: 15px;
cursor: pointer;
}
.xyin-advantange .tabli li .img{
position: absolute;
left: 20px;
top: 15px;
}
.xyin-advantange .tabli li .img img:first-child{
display: block;
}
.xyin-advantange .tabli li .img img:last-child{
display: none;
}
.xyin-advantange .tabli li.cur .img img:first-child{
display: none;
}
.xyin-advantange .tabli li.cur .img img:last-child{
display: block;
}
.xyin-advantange .tabli li.cur{
color: #fff;
background-color: #3a78c1;
}
.xyin-advantange .tab{
display: none;
}
.xyin-adv-list{
margin-left: -7px;
margin-right: -7px;
margin-bottom: 20px;
margin-top: 40px;
}
.xyin-adv-list li{
float: left;
list-style-type: none;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 7px;
margin-right: 7px;
width: calc(25% - 14px);
}
.xyin-adv-list li .img img{
max-width: 100%;
}
.xyin-adv-list li h3{
text-align: center;
font: 400 16px/66px "Microsoft yahei";
color: #333;
}
.xyin-adv-list li:hover h3{
color: #3a78c1;
}
/*底部*/
.x-layout {
background-color: #222222;
padding: 50px 0 50px 0;
}
.x-copyright{
color: #adadad;
font: 400 14px/30px "Microsoft yahei";
}
.x-copyright a{
color: #adadad;
font: 400 14px/30px "Microsoft yahei";
}
.x-region{
color: rgba(173, 173, 173, 0.7);
font: 400 14px/30px "Microsoft yahei";
margin-top: 10px;
}
.x-region a{
color: rgba(173, 173, 173, 0.7);
font: 400 14px/24px "Microsoft yahei";
}
.x-region a:hover{
color: rgba(255, 255, 255, 0.7);
}
.x-f-logo{
width:26.54%;
float: left;position: relative;padding-right: 20px;
}
.x-layout-menu{
width:27.08%;
float: left;
padding-left:4.15%;
position: relative;
}
.x-layout-menu:after{
content: "";
width:1px;
height: 266px;
background-color: #393939;
display: block;
position: absolute;
top: 0px;
right: 0;
}
.x-layout-tt{
color: #ffffff;
font: 600 18px/40px "Microsoft yahei";
margin-bottom: 20px;
}
.x-layout-menu-con a{
color: #adadad;
font: 400 14px/36px "Microsoft yahei";width:50%;display:block;float:left
}
.x-layout-menu-con a:hover{
text-decoration: underline;
color: #fff;
}
.x-layout-menu-con a:first-child{display:none;}
.x-layout-logo {
margin-bottom: 20px;
padding-right: 28px;
}
.x-layout-logo:after{
content: "";
width:1px;
height: 266px;
background-color: #393939;
display: block;
position: absolute;
top: 0px;
right: 0;
}
.x-layout-desc {
font-size: 12px;
color: rgba(255, 255, 255, 0.5);
}
.x-layout-contact{
width: 32.08%;
float: left;
position: relative;
padding-left:3.54%;
}
.x-layout-contact .x-layout-tt{
margin-bottom: 20px;
}
.x-layout-contact li{
position: relative;
padding: 7px 0;
padding-left: 35px;
}
.x-layout-contact li img{
position: absolute;
left: 0;
top: 10px;
}
.x-layout-contact li h3{
color: #adadad;
font: 400 14px/22px "Microsoft yahei";
}
.x-layout-contact:after{
content: "";
width:1px;
height: 266px;
background-color: #393939;
display: block;
position: absolute;
top: 0px;
right: 0;
}
.x-layout-contact a {
color: #fff;
}
.codes{width:9.23%;margin-right:1.85%;}
.x-layout-ewm {
text-align: center;
}
.x-layout-ewm img{width:100%;display::block;}
.x-layout-ewm {
color: #adadad !important;
font: 400 14px/36px "Microsoft yahei";
}
.x-layout-ewm p {
color: #adadad !important;
font: 400 14px/36px "Microsoft yahei";
}
/*内页左侧样式*/
.page-product-inquiry a{color: #fff;}
.footer33{height:50px;}
.xymob-left-close-btn .icon-close:before{font-size:0;}
@media (max-width:1024px) {
.x-about-right1 .x-title h3{font-size:28px;line-height:40px;}
.x-about-right1 .x-title h3 span{font-size:20px;}
.x-about-right1 li .img h3{font-size:42px;}
.x-about-right1 li h2{font-size:14px;}
.x-about-right1 li p{font-size:24px;}
.x-about-right1 li p{left:110px;}
.x-about-right1 li:nth-child(3) .img span{left:133px;}
.x-about-right1 li .img span{left:119px;}
.x-about-right1 li:nth-child(2) .img span{left:137px;}
.x-title h3{font-size:38px;line-height:40px;}
.x-title span{font-size:20px;line-height:38px;}
.hf-text-h3 span{font-size:28px;line-height:2.3;}
.hf-text-h3{font-size:28px;line-height:2.3;}
.hf-text ul li h3{font-size:18px;}
.hf-text ul li p{font-size:14px;}
.hf1-phone{margin-top:2vw;}
.hf1-phone p{font-size:25px;}
.hf1-phone a{font-size:20px;line-height:2.3;}
.x-company-list li h3{font-size:16px;line-height:50px;}
.x-company-list li{margin:0 15px;}
.x-company-list{margin-left:-15px;margin-right:-15px;}
.x-title p{font-size:22px;}
.add1 li h3{font-size:16px;}
.x-product-more{font-size:14px;}
.dh1 p:nth-child(2){font-size:25px;}
a.mo1{font-size:20px;}
.x-news-left .hd li{font-size:20px;}
.xin-tit{font-size:20px;}
.x-about2 h3{font-size:28px;}
.x-about2-box{width:100%;}
.x-about2 p{font-size:16px;line-height:30px;}
.x-about2 .hf1-phone p{font-size:24px;}
.c-link span{font-size:16px;}
.x-layout-tt{font-size:16px;}
.x-layout-contact{padding-left:15px;}
.x-layout-menu{padding-left:15px;}
.x-apply-box li{text-align:center;}
.x-apply-box li .img{width:100%;float:none;}
.x-apply-box li .wz{width:100%;float:none;}
.x-apply-box li .wz h3{font-size:16px;}
.x-apply-case-left .wz{font-size:16px;line-height:4;}
.x-apply-case-right li .wz{font-size:16px;line-height:3;}
.x-news-right li a{line-height:70px;}
}
@media (max-width: 768px) {
.x-banner{margin-top:60px;}
.page-banner{margin-top:60px;}
.xypg-right-content p img{max-width:100%!important;width:auto!important;height:auto!important;}
.x-about-left1{width:100%;float:none;}
.x-about-right1{width:100%;float:none;margin-top:25px;}
.hf1-con .hf-img{margin-left:0;width:60%;float:none;margin:0 auto;}
.hf-text{float:none;width:100%;}
.hf11 .hf-img{float:none;width:60%;margin:0 auto;}
.hf11 .hf-text{width:100%;float:none;}
.add1 li{width:48%;margin:10px auto;}
.add1 li+li:before{background:none;}
.x-apply-box li .wz p{display:none;}
.x-news-right li{padding-left:35px;background:#f6f6f6;}
.x-news-right li a{height:69px;line-height:69px;overflow: hidden;}
.x-f-logo{width:50%;}
.x-layout-contact{width:50%;}
.x-layout-contact:after{display:none;}
.x-layout-logo:after{display:none;}
.about_11{padding:30px 0 30px;}
.x-about-box{margin-bottom:20px;}
.hf1,.hf11{padding:30px 0;}
.hf11 .hf-text ul{margin-top:25px;}
.hf11 .hf1-phone{margin-top:30px;}
.x-company-list{margin-top:30px;}
.box4{padding:30px 0;}
.add1{margin-top:20px;}
.x-apply{padding-top:30px;}
.x-apply-box{margin-top:20px;}
.x-company{padding:30px 0;margin-top:30px;}
.x-news{padding:30px 0;}
.x-about2{padding:30px 0;}
.x-about2 .hf1-phone{margin-top:30px;}
.x-about-right1 li:nth-child(2n):before{display:none;}
}
@media (max-width: 640px) {
.hf1{
background-size: cover;
}
.hf11{
background-size: cover;
}
.x-about2{
background-size: cover!important;
}
.hf-text-h3 span{font-size:16px;}
.hf-text-h3{font-size:16px;}
.hf-text ul li{width:46%;margin:10px auto;}
.hf-text ul li h3{font-size:16px;line-height:48px;}
.hf1-phone img{display:none;}
.hf1-phone{width:100%;text-align:center;padding-left:0;}
.hf1-phone p{float:none;display:inline-block;font-size:20px;}
.hf1-phone a{float:none;display:inline-block;margin-left:5px;width:100px;font-size:16px;line-height:35px;}
.hf11 .hf-text-h3{width:85%;}
.x-title h3{font-size:25px;}
.x-title p{font-size:18px;line-height:30px;}
}
@media (max-width:428px) {
.box4 .cont2{display:none;}
.x-apply-box li{width:25%;padding:10px 0;}
.x-apply-case-left{width:100%;float:none;}
.x-apply-case-right{width:100%;float:none;margin-top:10px;}
.x-apply-case-left .wz{line-height:45px;font-size:14px;}
.x-apply-case-right li .wz{line-height:40px;font-size:14px;}
.x-apply-case-right li:nth-child(n+3){margin-top:10px;}
.x-news-left{width:100%;float:none;}
.x-news-left .hd{margin-bottom:10px;}
.x-news .x-title{margin-bottom:10px;}
.x-title span{font-size:16px;}
.x-news-right{width:100%;float:none;margin-top:10px;}
.xin-tit{margin-bottom:10px;}
.x-news-right li a{line-height:45px;height:45px;}
.x-news-right li:before{top:17px;}
.x-about2 h3{font-size:22px;margin-bottom:0;line-height:30px;margin-bottom:15px;}
.x-about2 p{font-size:14px;line-height:26px;}
.x-about2 .hf1-phone{width:100%;text-align:center;}
.x-f-logo{width:100%;padding-right:0;}
.x-layout-contact{width:100%;padding-left:0;margin-top:10px;}
.x-layout-contact .x-layout-tt{margin-bottom:0;}
.x-layout{padding:30px 0;}
.x-about-right1 .x-title h3{font-size:22px;}
.x-about-right1 .x-title h3 span{font-size:18px;}
.x-about-right1 .x-title img{width:100%;margin:10px auto;}
.xin-a li{line-height:46px;}
.x-news-left2 li a{ font:400 12px/46px "Microsoft yahei";}
.x-news-left2 li:before{top:22px;}
.x-about-right1 li{margin:15px 0;}
.add1 li h5{font-size:12px;}
.add1 li h3{margin:15px 0 8px;}
.add1 li{padding:25px 0;}
.add1 li .img{width:26%;margin:0 auto;}
.add1 li .img img{width:100%;display:block;}
}
@media (max-width:375px) {
.x-news-left2 li a span{display:none;}
.x-about-right1 li .img h3{font-size:30px;}
.x-about-right1 li p{font-size:18px;top:8px;}
.x-about-right1 li .img span{width:20px;line-height:20px;font-size:12px;height:20px;top:-2px;}
.x-about-right1 li:nth-child(3) .img span{left:110px;}
.x-about-right1 li .img span{left:90px;}
.x-about-right1 li:nth-child(2) .img span{left:100px;}
.x-about-right1 li p{left:88px;}
.x-about-right1 li:last-child p{left:50px;}
}